<template>
  <view>
    <u-navbar
      is-back="true"
      back-icon-color="#f6f6f6"
      title="支持我们"
      title-color="#f6f6f6"
      :background="navBackground"
    ></u-navbar>
    <view class="image-box" :style="{ height: windowHeight + 'px' }">
      <view>
        <image
          src="https://nightowl.top/static/images/icons/support.png"
          mode="widthFix"
        ></image>
        <view>{{ '&ensp;&ensp;&ensp;&ensp;' + supportWords }}</view>
      </view>
    </view>
  </view>
</template>

<script>
let app = getApp();
export default {
  data() {
    return {
      navBackground: app.globalData.navBackground,
      windowHeight: 0,
      supportWords:
        '当你点击到这里,其实就是对我们的一种支持，易搭衣橱加油，我们未来可期！',
    };
  },
  onLoad() {
    uni.getSystemInfo({
      success: (res) => {
        this.windowHeight = res.windowHeight;
      },
    });
  },
};
</script>

<style>
.image-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60%;
  margin: 0px auto;
  margin-top: -100rpx;
  text-align: center;
  color: #6c6c6c;
}

.image-box image {
  width: 100%;
  margin-bottom: 60rpx;
}
</style>
